<template>
	<view>
		<view class="flex base">
			<view class="base-info">
				<view class="title">
					小米MIX3 6GB+128GB
				</view>
				<view class="desc">磁动力滑盖全面屏 / 前后旗舰AI双摄 / 四曲面彩色陶瓷机身 / 高效10W无线充电</view>
				<view class="price">￥3299</view>
			</view>
			<view class="fenxing">
				<view class="iconfont icon-fenxiang"></view>
				<view class="share">分享</view>
			</view>
		</view>
	</view>
</template>

<script>

</script>

<style lang="less">
.base {
	margin: 30rpx 20rpx;
	.base-info {
		
		flex: 1;
	
		.title {
			font-size: 35rpx;
		}
		.desc {
			font-size: 25rpx;
			color: #999999;
		}
		.price {
			font-size: 30rpx;
			font-weight: 700;
			color: #fd6801;
		}
	}
	.fenxing{
		height: 75rpx;
		padding-left: 10rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-left: 1rpx solid #fd6801;
		color: #fd6801;
		.icon-fenxiang{
			line-height: 1;
			font-size: 30rpx;
		}
		.share{
			font-size: 20rpx;
		}
	}
	
}
</style>
